<!-- ! 图标 -->
<template>
  <i
    class="iconfont"
    :class="name"
    :styel="`--iconColor:${color};--iconSize: ${size}px;`"
  ></i>
</template>

<script setup lang="ts">
import { IconType } from "./interface";

const props = withDefaults(defineProps<IconType.Props>(), {
  color: "#000",
  size: 14,
});
</script>

<style scoped lang="less">
.iconfont {
  color: var(--iconColor);
  font-size: var(--iconSize);
}
</style>
